<?php include_once('layouts/header.php') ?>
<!-- 头部导航区域 start -->
<header>
    <div class="header-box">
        <div class="header-logo">
            <div id="menu-btn"></div>
        </div>
        <div id="tabs-box">
            <div class="tab-nav tab-default active" ttarget="tab-home"><span>我的主页</span></div>
            <div class="tabs-list-box">
                <div id="tabs-list"></div>
            </div>
        </div>
        <div class="header-operate">
            <div class="operate-item tab-refresh" title="刷新">
                <i class="icon-lg fa fa-refresh"></i>
            </div>
            <div class="operate-item header-msg">
                <i class="fa fa-commenting-o icon-anim icon-anim-scale icon-anim-loop"></i>
                <i class="msg-num" onclick="$.comboEvn(this)"
                 data-options="
                    method:'openPanel',
                    id:'#rightSide-layout',
                    panel:{
                        id:'<?='t'.time() ?>',
                        parentCls:'active',
                        href:'/html/form/text.php',
                    }
                 ">1748</i>
            </div>
            <div class="operate-item header-user">
                <span class="user-avatar" onclick="$.comboEvn(this)"
                 data-options="
                    method:'openPanel',
                    id:'#rightSide-layout',
                    panel:{
                        id:'<?='t'.time() ?>',
                        parentCls:'active',
                        href:'/html/form/form.php',
                    }
                 "><img src="/img/default_operator.png" alt=""></span>
                <!-- <div class="user-info">
                    <span>管理员</span>
                    <span>美丽的风景20580</span>
                </div> -->
                <div class="user-login">
                    <a class="btn btn-success btn-login" href="/html/login.php">登录</a>
                    <a class="btn btn-warning btn-register" href="/html/register.php">注册</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- 头部导航区域 end -->

<!-- 右侧信息区域 start -->
<div id="rightSide-layout"></div>
<!-- 右侧信息区域 end -->

<!-- 左侧菜单区域 start -->
<div id="leftSide-layout">
    <div class="menu-body scrollbar" data-options="setHeight:'100%',scrollInertia:0,autoHideScrollbar:true">
        <ul class="menu-list">
            <li class="menu-item">
                <a onclick="$.TN.open(this)" data-options="title:'我的主页',ttarget:'tab-home',ttype:'iframe',url:'/html/main.php'">
                    <i class="icon-normal fa fa-home"></i>
                    <span>我的主页</span>
                </a>
            </li>
            <li class="menu-item">
                <a>
                    <i class="icon-normal fa fa-file-o"></i>
                    <span>测试菜单</span>
                    <em class="fa fa-angle-double-right"></em>
                </a>
                <ul class="menu-list">
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'测试菜单(一级)',ttarget:'test-menu-1c',ttype:'iframe',url:'https://www.sina.com.cn/'">
                            <i class="icon-normal fa fa-file-o"></i>
                            <span>测试菜单(一级)</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a>
                            <i class="icon-normal fa fa-file-o"></i>
                            <span>测试菜单(二级)</span>
                            <em class="fa fa-angle-double-right"></em>
                        </a>
                        <ul class="menu-list">
                            <li class="menu-item">
                                <a onclick="$.TN.open(this)" data-options="title:'测试菜单(二级)子菜单',ttarget:'test-menu-2c',ttype:'iframe',url:'https://www.qq.com/'">
                                    <i class="icon-normal fa fa-file-o"></i>
                                    <span>测试菜单(二级)子菜单</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="menu-item">
                <a>
                    <i class="icon-normal fa fa-wpforms"></i>
                    <span>基本元素</span>
                    <em class="fa fa-angle-double-right"></em>
                </a>
                <ul class="menu-list">
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'按钮',ttarget:'form_button',ttype:'iframe',url:'/html/form/button.php'">
                            <span>按钮</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'文本框',ttarget:'form_text',ttype:'iframe',url:'/html/form/text.php'">
                            <span>文本框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'密码框',ttarget:'form_password',ttype:'iframe',url:'/html/form/password.php'">
                            <span>密码框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'单选框',ttarget:'form_radio',ttype:'iframe',url:'/html/form/radio.php'">
                            <span>单选框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'复选框',ttarget:'form_checkbox',ttype:'iframe',url:'/html/form/checkbox.php'">
                            <span>复选框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'日期时间',ttarget:'form_datatime',ttype:'iframe',url:'/html/form/datatime.php'">
                            <span>日期时间</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'下拉框',ttarget:'form_select',ttype:'iframe',url:'/html/form/select.php'">
                            <span>下拉框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'表单验证',ttarget:'form_validatebox',ttype:'iframe',url:'/html/form/validatebox.php'">
                            <span>表单验证</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'标签框',ttarget:'form_tagbox',ttype:'iframe',url:'/html/form/tagbox.php'">
                            <span>标签框</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'组合网格',ttarget:'form_combogrid',ttype:'iframe',url:'/html/form/combogrid.php'">
                            <span>组合网格</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'组合树形网格',ttarget:'form_combotreegrid',ttype:'iframe',url:'/html/form/combotreegrid.php'">
                            <span>组合树形网格</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'文件上传',ttarget:'form_upload',ttype:'iframe',url:'/html/form/upload.php'">
                            <span>文件上传</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'复杂表单',ttarget:'html_form',ttype:'iframe',url:'/html/form/form.php'">
                            <span>复杂表单</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li class="menu-item">
                <a>
                    <i class="icon-normal fa fa-table"></i>
                    <span>表格和树</span>
                    <em class="fa fa-angle-double-right"></em>
                </a>
                <ul class="menu-list">
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'表格数据',ttarget:'grid_tablegrid',ttype:'iframe',url:'/html/grid/tablegrid.php'">
                            <i class="icon-normal fa fa-table"></i>
                            <span>表格数据</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'表格树',ttarget:'grid_tabletree',ttype:'iframe',url:'/html/grid/tabletree.php'">
                            <i class="icon-normal fa fa-tree"></i>
                            <span>表格树</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li class="menu-item">
                <a onclick="$.TN.open(this)" data-options="title:'图形报表',ttarget:'html_echarts',ttype:'iframe',url:'/html/echarts/echarts.php'">
                    <i class="icon-normal fa fa-bar-chart"></i>
                    <span>图形报表</span>
                </a>
            </li>
            <li class="menu-item">
                <a onclick="$.TN.open(this)" data-options="title:'标签页',ttarget:'test_tab0',ttype:'iframe',url:'/html/test/tab0.php'">
                    <i class="icon-normal fa fa-tablet"></i>
                    <span>标签页</span>
                </a>
            </li>
            <li class="menu-item">
                <a>
                    <span>其他</span>
                    <em class="fa fa-angle-double-right"></em>
                </a>
                <ul class="menu-list">
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'登录',ttarget:'login',ttype:'request',url:'/html/login.php'">
                            <span>登录</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'注册',ttarget:'register',ttype:'request',url:'/html/register.php'">
                            <span>注册</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'找回密码',ttarget:'forget',ttype:'iframe',url:'/html/forget.php'">
                            <span>找回密码</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'404页面',ttarget:'404',ttype:'iframe',url:'/html/other/404.php'">
                            <span>404页面</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a onclick="$.TN.open(this)" data-options="title:'权限不足',ttarget:'no-authorize',ttype:'iframe',url:'/html/other/authorize.php'">
                            <span>权限不足</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<!-- 左侧菜单区域 end -->

<!-- 底部版权信息区域 start -->
<footer>
    <div class="footer">
        ©所有版权归朱辉所有
    </div>
</footer>
<!-- 底部版权信息区域 end -->

<!-- 主内容区域 start -->
<div id="contents-layout">
    <div class="contents-body">
        <div id="tabContent-box">
            <div class="tabContent active" ttarget="tab-home">
                <iframe class="load-page" ttype="iframe" src="main.php" frameborder="0" width="100%" style="height: 100%"></iframe>
            </div>
        </div>
    </div>
</div>
<!-- 主内容区域 end -->

<?php include_once('layouts/footer.php') ?>